<template>
	<!--右侧-->
	<div class="bigb">

		<!--右侧栏-->
		<div class="youce2">
			<h4>地址管理 <a href="#" @click="clickNew1()">添加新地址</a></h4>
			<div class="xindizhi">
				<img src="../../imgs/grzx/pencil with paper.png" alt="">
				<span>暂无收货地址,请点击</span>
				<a href="#" @click="clickNew2()">添加新地址</a>
			</div>

		</div>
		
		
		
		
		
		
		
		

	</div>
</template>

<script>
</script>

<style>
	/*右侧框*/
	
	.youce2 {
		position: absolute;
		top:0px;
		right: 0;
		width: 1085px;
		height: 625px;
		border: solid 1px #e7e7e7;
		
	}
	 .youce2 h4 {
    border-bottom: 1px solid #e9e9e9;
    font-size: 18px;
    color: #323333;
    line-height: 57px;
    padding-left: 20px;
    
  }
  .youce2 h4 a{
    display: inline-block;
    background: #3d8e43;
    width: 90px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    color: white;
    text-align: center;
    float: right;
    margin-top: 15px;
    margin-right: 20px;
    border-radius: 5px;
  }
  .xindizhi{
  	 text-align: center;
    margin-top: 260px;
  }
  .xindizhi a{
    display: inline-block;
    background: #3d8e43;
    width: 90px;
    height: 30px;
    font-size: 14px;
    line-height: 30px;
    color: white;
    text-align: center;
    margin-top: 15px;
 
    border-radius: 5px;
  }
  .xindizhi span{
    padding: 0 20px;
    color: #999;
    font-size: 18px;
    font-weight: 300;
  }
  .xindizhi img{
    vertical-align: middle;
  }
</style>